<script setup lang="ts">
const props: any = defineProps<{
    ujt: any;
    menus?: any;
}>();
const { $fn } = props.ujt;
</script>

<template>
    <div class="app-menu-area">
        <div
            class="app-menu"
            v-for="item in menus"
            @pointerdown="$fn.sethash('item.value')"
        >
            {{ item.label }}
        </div>
    </div>
</template>

<style scoped lang="scss">
.app-menu-area {
    display: block;
    width: 100%;
    .app-menu {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100px;
        height: 80px;
        background-color: beige;
        margin: 3px;
        cursor: pointer;
    }
}
</style>
